<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:t="http://myfaces.apache.org/tomahawk">



<f:view><ui:composition template="templates/template.xhtml">

	<ui:define name="title">
	 	<h:outputText value="Help Page" />
	</ui:define>
	<ui:param name="page" value="help" /> 
	<ui:define name="header">
		<ui:include src="header.xhtml" /> 
	</ui:define>

	<ui:define name="pageTitle">
		<script>
			currentmenu="help";
		</script>
		<h:outputText value="Contact Us"
			style="font-family:arial;
				   font-size:30px;
				   font-weight:bold;"/>	
	</ui:define>
	<ui:define name="body">
	<t:div style="padding-left:20px;">
		<h:outputText value="This data has been auto-populated based on the
			case record details page you just visited.  If this is not the
			case you wish to report an error on, please press the 'Clear' button"
			id="autoPopulateWarning"
			styleClass="error"
			rendered="#{help.displayAutoPopulateWarning}"/>
		<br/>
		<br/>
		<h:form enctype="multipart/form-data">			
				<table class="help">
				
					<tr>
						<td>
							<h:outputText value="OCSS Number:"/>
						</td>
						<td>
							<h:inputText binding="#{help.OCSSNumberInputText}"
								value="#{help.OCSSNumber}"/>
						</td>
					</tr>
					
					<tr>
						<td>
							<h:outputText value="Civil Action Number:" />
						</td>
						<td>
							<h:inputText binding="#{help.civilActionNumberInputText}"
								value="#{help.civilActionNumber}"/>
						</td>
					</tr>
					
					<tr>
						<td>
							<h:outputText value="Defendant Name:" />
						</td>
						<td>
							<h:inputText binding="#{help.defendantNameInputText}"
								value="#{help.defendantName}"/>
						</td>
					</tr>
					<tr>
						<td colspan="2">
							<h:outputText value="Brief description of the problem:"/>
						</td>
					</tr>
					
					<tr>
						<td colspan="2" style="text-align:center;">
							<t:inputTextarea rows="6"
								cols="50"
								wrap="soft"
								binding="#{help.descriptionInputTextarea}"/>
						</td>
					</tr>
					
					<tr>
						<td colspan="2" >
							<h:inputHidden binding="#{help.uuidInputHidden}"
								value="#{help.uuid}"/>
						</td>
					</tr>
					<tr>
						<td style="float:right;">
							<h:commandButton value="Submit" styleClass="button"
					action="#{help.onSubmit}"/>
					</td>
					<td>
				
							<h:commandButton value="Clear" styleClass="button"
					action="#{help.clear}"/>
						</td>
					</tr>
				</table>
				
							
		</h:form>
		</t:div>	
	</ui:define>

</ui:composition></f:view></html>
